{include file="common/_meta" /}
<title>添加</title>
<meta name="keywords" content="李志立，lizhilimaster@163.com">
<meta name="description" content="李志立，lizhilimaster@163.com">
</head>
<body>
<div class="page-container">
    <form action="" method="post" enctype="multipart/form-data" class="form form-horizontal" id="form-category-add">
        <div id="tab-category" class="HuiTab">
            <div class="tabCon">
                <div class="row cl">
                    <label class="form-label col-xs-3 col-sm-2"><span class="c-red">*</span>内容简介：</label>
                    <div class="formControls col-xs-9 col-sm-9">
								<textarea name="desc" cols="" rows="" id="desc" class="textarea"
                                          placeholder="说点什么...最少输入10个字符" datatype="*10-200"
                                          dragonfly="true" nullmsg="备注不能为空！" onKeyUp="textlength()"></textarea>
                        <p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-3 col-sm-2"><span class="c-red">*</span>文件：</label>
                    <div class="formControls col-xs-9 col-sm-9">
                        <div class="uploader-thum-container">
                            <a href="javascript:void();" class="btn btn-primary radius"><i class="icon Hui-iconfont">&#xe642;</i>
                                浏览文件</a>
                            <input type="file" class="input-file" onchange='onpic(this)' name="data" value=""
                                   accept='*/*' style="font-size: 20px;left:0;"/><span calss="sp"></span>
                        </div>
                    </div>
                </div>
                <div class="row cl">
                    <div class="col-9 col-offset-2">
                        <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<!--_footer 作为公共模版分离出去-->
{include file="common/_footer" /}
<style type="text/css">
    .li123 {
        line-height: 30px;
        background: burlywood;
        display: inline-block;
        vertical-align: middle;
        padding: 0 8px;
    }

    #abtn, .dtbtn {
        color: red;
    }
</style>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__MANAGE__lib/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__MANAGE__lib/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="__MANAGE__lib/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
    $(function () {
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        $("#tab-category").Huitab({
            index: 0
        });
        $("input[type=\"submit\"]").on('click', function () {
            let wo = $("#form-category-add").validate({
                rules: {
                    desc: {required: true}, data: {required: true},
                }
            });
            if (wo.form()) {
                setTimeout(() => {
                    $("input[type=\"submit\"]").addClass('disabled').attr("disabled", true);
                }, 1000)
                var index = layer.load(1, {
                    shade: [0.1, '#fff'] //0.1透明度的白色背景
                });
                // 关闭当前界面
                // var index = parent.layer.getFrameIndex(window.name);
                // parent.layer.close(index);
            }
        });

        var ue = UE.getEditor('editor');
    });

    function textlength() {
        var nmb = $('#desc').val().length;
        $('.textarea-length').text(nmb);
        if (nmb > 200) {
            $('#desc').css("background-color", "orangered");
        } else {
            $('#desc').css("background-color", "white");
        }
    }

    function onpic(e) {
        $(e).parent().find('span').html(e.files[0].name).addClass('li123');
        //获取当前的值
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
